@import (reference) "./../../tab-list/tab-list.component.less";
@import (reference) "./../../shared/color";
@import (reference) "./../../shared/common";
@import (reference) "./../../shared/constants";
@import (reference) "./../quote-table/quote-table.component.less";
.block-mini {
  display: flex;
  //高度控制
  height: 100%;
  .quote-zone,
  .quote-chart-zone {
    margin-left: @space-common;
  }
  .quote-table {
    height: 100%;
    .quote-table-main {
      overflow-y: auto;
    }
  }
  .block-zone {
    .quote-table.quote-table-responsive.quote-table-with-pagination {
      height: calc(~"100% - 30px");
      border-bottom: @border-simple;
    }
  }
  .quote-zone {
    .flex-container {
      height: 100%;
    }
    .quote-table-main {
      // height: 100%; //减去表头
    }
  }
  .block-zone {
    width: 10px;
    flex-grow: 1;
    border: @border-simple;
    hr {
      margin: 0;
    }
    .block-zone-tab {
      .cm-tab-list {
        .tab-list-item:last-child{
          border-right: 0;
        }
      }
    }
    .quote-table {
      border: none;
      .quote-table-head {
        min-width: unset;
      }
      .quote-table-row {
        .quote-table-cell {
          height: 30px;
          line-height: 30px;
          // padding: 0 0.8%;
        }
      }
    }
  }
  .quote-zone {
    flex-grow: 2;
    width: 50px;
    .stock-table {
      .quote-table {
        border: 1px solid @color-gray-main;
        .grid-table;
        .quote-table-row {
          .quote-table-cell {
            height: 30px;
            line-height: 30px;
            // padding: 0 0.8%;
          }
        }
      }
    }
  }
  .quote-chart-zone {
    .display-flex;
    width: 60px;
    flex-grow: 3;
    margin-bottom: 0;
    // border: 1px solid @color-gray-main;
  }
  .quote-table {
    .quote-table-row {
      .quote-table-cell {
        font-size: 1.2rem;
        // padding: 0 @space-common;
        margin: 0;
        line-height: 2;
        height: unset;
        border-left: 0;
        border-bottom: 0;
        +.quote-table-cell {
          border-left: @border-simple;
        }
        &:last-child {
          // flex-grow: 0.9;
        }
      }
      &+.quote-table-row {
        .quote-table-cell {
          border-bottom: @border-simple;
        }
      }
    }
  }
}

.block-mini {
  .block-zone, .quote-zone {
    .display-flex;
    quote-table,.quote-table {
      .display-flex;
      .flex;
    }
    .quote-table {
      position: relative;
      .flex-container {
        position: absolute;
      }
    }
  }
}